// 引入count的UI
import CountUI from '../../cpmponents/count'
// 引入connect用于连接UI组件与redux
import {connect} from 'react-redux'
// 引入action
import {createDecrementAction, createIncrementAction,createIncrementAsyncAction} from "../../redux/count_action";

//mapStateToProps函数返回的是一个对象
// 对象中的key就作为传递给UI组件props的key，value就作为传递给UI组件props的value-传递状态
// 映射状态
function mapStateToProps(state) {
    return {count:state}
}

//mapDispatchToprops函数返回的是一个对象
// 对象中的key就作为传递给UI组件props的key,value就作为传递给UI组件的props的value-传递操作状态的方法
// 操作状态
function mapDispatchToprops(dispatch) {
    return {
        jia:(num)=>{
        //redux执行加操作
            dispatch(createIncrementAction(num))

        },
        jiaAsync:(num,time)=>{
        //redux执行加操作
            dispatch(createIncrementAsyncAction(num,time))

        },
        jian:(num)=>{
            dispatch(createDecrementAction(num))
        }
    }
}

//创建connect（）（）的容器组件
export default connect(mapStateToProps,mapDispatchToprops)(CountUI)

